<p>This is a para with a footnote.<sup class="footnote-ref" id="fnref-1"><a href="#fn-1">1</a></sup></p>

<p>This is another para with a footnote.<sup class="footnote-ref" id="fnref-2"><a href="#fn-2">2</a></sup></p>

<div class="footnotes">
<hr />
<ol>
<li id="fn-1">
<p>And the <strong>body</strong> of the footnote has <code>markup</code>. For example,
a <a href="http://digg.com">link to digg</a>. And some code:</p>

<pre><code>print "Hello, World!"
</code></pre>

<p><a href="#fnref-1" class="footnoteBackLink" title="Jump back to footnote 1 in the text.">&#8617;</a></p>
</li>

<li id="fn-2">
<p>This body has markup too, <em>but</em> doesn't end with a code block.&#160;<a href="#fnref-2" class="footnoteBackLink" title="Jump back to footnote 2 in the text.">&#8617;</a></p>
</li>
</ol>
</div>
